<script setup>

</script>

<template>
  <div class="uI">
    <div class="card">
      <h1 style="margin-bottom: 0; margin-top: 0;">Top rated</h1>
      <table class="table" border="1">
        <thead>
        <tr>
          <th>
            <h3 style="margin: 0">#</h3>
          </th>
          <th>
            <h3 style="margin: 0">User</h3>
          </th>
          <th>
            <h3 style="margin: 0">Rate</h3>
          </th>
        </tr>
        </thead>
        <tbody>
        <tr>
          <td>1</td>
          <td>name</td>
          <td>rate</td>
        </tr>

        </tbody>
      </table>
    </div>
  </div>
</template>

<style scoped>
.uI{
  width: 100%;
  text-align: left;
  .card{
    border-radius: 10px;
    padding:  1rem 1rem 1rem 1rem;
    background-color: #2D333B;
    color: #9AA4B1;

    .table{
      margin-top: 0.5rem;
      width: 100%;
      text-align: center;
    }
  }
}



</style>